<template>
	<h1 class="title" @click="ts">{{msg}}</h1>
</template>
<style>
	.title{
		font-size:25px;
		font-family: "微软雅黑";
		text-align:center;
	}
</style>
<script>
	export default{
		data:function(){
			return {msg:"傻蛋-出错啦!"}
		},
		methods:{
			ts:function(next){
				alert("出错了");
			}
		},
		route:{
			//钩子函数我在组件渲染之前执行
			activate:function(transition){
				console.log("error");
				//取消当前切换并重定向到另一个路由
				//transition.redirect("/");
				transition.next()
			}
		}
	}
</script>